/**
 * 
 * @authors cherish yii2 (cherish@cherish.pw)
 * @date    2020-12-10 16:48:28
 * @version v1.0
 * @description the core js of todolist project
 * 
 * ━━━━━━神兽出没━━━━━━
 * 　　   ┏┓　 ┏┓
 * 　┏━━━━┛┻━━━┛┻━━━┓
 * 　┃              ┃
 * 　┃       ━　    ┃
 * 　┃　  ┳┛ 　┗┳   ┃
 * 　┃              ┃
 * 　┃       ┻　    ┃
 * 　┃              ┃
 * 　┗━━━┓      ┏━━━┛ Code is far away from bugs with the animal protecting.
 *       ┃      ┃     神兽保佑,代码无bug。
 *       ┃      ┃
 *       ┃      ┗━━━┓
 *       ┃      　　┣┓
 *       ┃      　　┏┛
 *       ┗━┓┓┏━━┳┓┏━┛
 *     　  ┃┫┫　┃┫┫
 *     　  ┗┻┛　┗┻┛
 *
 * ━━━━━━感觉萌萌哒━━━━━━
 */

// 请根据考试说明文档中列出的需求进行作答
// 预祝各位顺利通过本次考试，see you next week！
// ...

var section = document.querySelector("section");
var title = document.querySelector("#title");
var ol = document.querySelector("#todolist");
var ul = document.querySelector("#donelist");
var todocount = document.querySelector("#todocount");
title.addEventListener("keydown", keydownHandler);
var a = Array.from(document.querySelectorAll("section a"));
a.forEach(function(item, index) {
    item.addEventListener("click", function(e) {
        if (e.target.parentNode.parentNode === ol) {
            ol.removeChild(e.target.parentNode);
        } else {
            ul.removeChild(e.target.parentNode);
        }
    })
})

function keydownHandler(e) {
    if (e.keyCode === 13) {
        console.log(1);
        e.preventDefault();
        var value = title.value.trim();
        if (value !== "") {
            var li = document.createElement("li");
            li.innerHTML = `
       <input type="checkbox" />
       <p>${value}</p>
       <a href="javascript:void(0);">-</a>
       `;
            ol.appendChild(li);
            todocount.innerText = Number(todocount.innerText) + 1;
            // init();
            title.value = "";
        }
    }
}

function remove() {

}